<template>
  <div>
  	<home-header headertext="city"></home-header>
  	<home-swiper></home-swiper>
  	<home-icon></home-icon>
  </div>
</template>

<script>
import HomeHeader from './components/Header'
import HomeSwiper from './components/Swiper'
import HomeIcon from './components/Icon'
import axios from 'axios'
export default {
  name: 'Home',
  components : {
  	HomeHeader,
  	HomeSwiper,
  	HomeIcon
  },
  mounted(){
  	this.getHomeInfo()
  },
  data(){
  	return {
  		headertext : ''
  	}
  },
  methods : {
  	getHomeInfo(){
  		axios.get('/static/index.json')
  			 .then(this.getInfoAfter)
  	},
  	getInfoAfter(res){
  		this.headertext = res.data;
  	}
  }
}
</script>

<style>

</style>
